import styled from "styled-components";

export const Vocabularywrap = styled.div`
  & > .hotsearch {
    margin-top: 20px;
    & > span {
      padding: 5px 10px;
    }
    & > span:nth-child(n + 2) {
      cursor: pointer;
      color: blue;
      font-size: 12px;
    }
  }
  & > .content {
    margin-top: 30px;
    & > .title {
    }
    & > .main {
      display: flex;
      flex-wrap: wrap;
      & > span {
        opacity: 0.4;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        padding: 0 25px;
        cursor: pointer;
        &.active {
          font-size: 20px;
          opacity: 0.7;
        }
        &.active1 {
          font-size: 25px;
          opacity: 0.9;
        }
        &:hover {
          opacity: 1;
        }
      }
    }
  }
`;
